/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 寰蒋闆呴粦, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1300px; margin:0 auto; height:100%;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header{ border-top:4px solid #234fa4; height:130px;}
.header .logo{ line-height:130px; float:left;}
.header .tel{ background:url(../images/tel.png) no-repeat center left; float:right; padding:1px 0 1px 82px; margin:30px 0;}
.header .tel p{ font-size:28px; color:#333; line-height:34px;}

.nav{ background:#234fa4; height:72px; position:relative; z-index:1;}
.nav li{ line-height:72px; float:left; padding:0 20px; position:relative;}
.nav li a{ font-size:18px; color:#fff; display:inline-block;}
.nav li:first-child{ background:url(../images/nav-index.png) no-repeat 0px 20px; padding:0 12px 0 42px; margin-left:10px;}
.nav li::before{ content:"/"; font-size:16px; color:#fff; position: absolute; right: -4px;}
.nav li:last-child::before{ display:none;}
.nav li i{ position:absolute; display:inline-block; width:0; height:3px; background:#fff; transition: all 0.3s ease-out; left:0; bottom:0;}
.nav li:hover i{ width:100%;}

.slogan{ width:333px; margin: 36px 0 0 10px; float:left; display:inline-block;line-height:32px;font-size:18px;color:#1966b7;text-align:center; font-weight:bold; }
.slogan span{ display:block; font-size:20px; }

.search{ width:350px; height:72px; display:inline-block; margin:44px 0 0 50px }
.search .box input[type="text"]{ width:250px; height:50px; border:1px solid #a7a7a7; padding:0 20px; float:left; font-size:14px; color:#333; }
.search .box input[type="submit"]{ width:56px; height:52px; border:1px solid #a7a7a7; background:url(../images/search.png) no-repeat center #fff;float:left; cursor:pointer; margin-left:-2px }

.banner{ position:relative; height:600px; z-index:0; margin-top:-20px;}
.banner .bd li{ height:600px;}
.banner .bd li a{ display:inline-block; width:100%; height:100%;}
.banner .hd ul{ position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.banner .hd ul li{display: inline-block; width: 12px;height: 12px;margin: 0 10px; border-radius:10px; overflow: hidden; cursor: pointer; line-height:70px; text-align:center; font-size:20px; color:#979797; font-weight:bold; background:#fff; text-indent:-99999px;}
.banner .hd ul li.on{background:#234fa4; color:#fff;}

.index-title{ text-align:center;}
.index-title .title{ font-size:36px; font-weight:bold; color:#323232;}
.index-title .title span{ color:#234fa4;}
.index-title .title i{ position:relative; display: inline-block; width: 20px;    height: 20px;}
.index-title .title i::before{ content:""; display:inline-block; position:absolute; width:8px; height:8px; background:#333; border-radius:10px; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px;}
.index-title .text{ font-size:20px; color:#234fa4; background:url(../images/index-title-bg.png) no-repeat center; margin-top:20px;}
.index-title .text2{ font-size:20px; color:#234fa4; background:url(../images/index-title-bg2.png) no-repeat center; margin-top:20px;}
.index-title .text span{ color:#727373;}

.index-lc{ padding-top:65px;}
.index-lc .box{ padding:40px 0 30px; position:relative; overflow:hidden; text-align:center;}
.index-lc .box ul{ display:inline-block;}
.index-lc .box li{ float:left; width:96px; margin-right: 54px;}
.index-lc .box li:last-child{ margin-right:0;}
.index-lc .box li .num{ position:relative; width:96px; height:100px;}
.index-lc .box li .num span{ position:absolute; z-index:1; width:96px; height:100px; line-height:100px; text-align:center; font-size:72px; color:rgb(32 77 158 / 60%); font-weight:bold; left:0; top:0;}
.index-lc .box li .num i{ display:inline-block; position:absolute; width:96px; height:100px; top:0; left:0;  background:url(../images/index-lc-icon.png) no-repeat center; animation:xz1 5s linear infinite;}
.index-lc .box li.lc2 .num i{ transform:rotate(40deg); -ms-transform:rotate(40deg); 	/* IE 9 */ -moz-transform:rotate(40deg); 	/* Firefox */ -webkit-transform:rotate(40deg); /* Safari 鍜� Chrome */ -o-transform:rotate(40deg); 	/* Opera */ animation:xz2 5s linear infinite;}
.index-lc .box li.lc3 .num i{ transform:rotate(80deg); -ms-transform:rotate(80deg); 	/* IE 9 */ -moz-transform:rotate(80deg); 	/* Firefox */ -webkit-transform:rotate(80deg); /* Safari 鍜� Chrome */ -o-transform:rotate(80deg); 	/* Opera */ animation:xz3 5s linear infinite;}
.index-lc .box li.lc4 .num i{ transform:rotate(120deg); -ms-transform:rotate(120deg); 	/* IE 9 */ -moz-transform:rotate(120deg); 	/* Firefox */ -webkit-transform:rotate(120deg); /* Safari 鍜� Chrome */ -o-transform:rotate(120deg); 	/* Opera */ animation:xz4 5s linear infinite;}
.index-lc .box li.lc5 .num i{ transform:rotate(160deg); -ms-transform:rotate(160deg); 	/* IE 9 */ -moz-transform:rotate(160deg); 	/* Firefox */ -webkit-transform:rotate(160deg); /* Safari 鍜� Chrome */ -o-transform:rotate(160deg); 	/* Opera */ animation:xz5 5s linear infinite;}
.index-lc .box li.lc6 .num i{ transform:rotate(200deg); -ms-transform:rotate(200deg); 	/* IE 9 */ -moz-transform:rotate(200deg); 	/* Firefox */ -webkit-transform:rotate(200deg); /* Safari 鍜� Chrome */ -o-transform:rotate(200deg); 	/* Opera */ animation:xz6 5s linear infinite;}
.index-lc .box li.lc7 .num i{ transform:rotate(240deg); -ms-transform:rotate(240deg); 	/* IE 9 */ -moz-transform:rotate(240deg); 	/* Firefox */ -webkit-transform:rotate(240deg); /* Safari 鍜� Chrome */ -o-transform:rotate(240deg); 	/* Opera */ animation:xz7 5s linear infinite;}
.index-lc .box li.lc8 .num i{ transform:rotate(280deg); -ms-transform:rotate(280deg); 	/* IE 9 */ -moz-transform:rotate(280deg); 	/* Firefox */ -webkit-transform:rotate(280deg); /* Safari 鍜� Chrome */ -o-transform:rotate(280deg); 	/* Opera */ animation:xz8 5s linear infinite;}
.index-lc .box li.lc9 .num i{ transform:rotate(320deg); -ms-transform:rotate(320deg); 	/* IE 9 */ -moz-transform:rotate(320deg); 	/* Firefox */ -webkit-transform:rotate(320deg); /* Safari 鍜� Chrome */ -o-transform:rotate(320deg); 	/* Opera */ animation:xz9 5s linear infinite;}
.index-lc .box li .text{ font-size:14px; color:#221815; line-height:24px; margin-top:6px; text-align:center;}
.index-lc .box .jt{ position:absolute; top: 62px; user-select:none;}
@keyframes xz1{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(-360deg);}
}
@keyframes xz2{
    0%{-webkit-transform:rotate(40deg);}
    100%{-webkit-transform:rotate(-320deg);}
}
@keyframes xz3{
    0%{-webkit-transform:rotate(80deg);}
    100%{-webkit-transform:rotate(-280deg);}
}
@keyframes xz4{
    0%{-webkit-transform:rotate(120deg);}
    100%{-webkit-transform:rotate(-240deg);}
}
@keyframes xz5{
    0%{-webkit-transform:rotate(160deg);}
    100%{-webkit-transform:rotate(-200deg);}
}
@keyframes xz6{
    0%{-webkit-transform:rotate(200deg);}
    100%{-webkit-transform:rotate(-160deg);}
}
@keyframes xz7{
    0%{-webkit-transform:rotate(240deg);}
    100%{-webkit-transform:rotate(-120deg);}
}
@keyframes xz8{
    0%{-webkit-transform:rotate(280deg);}
    100%{-webkit-transform:rotate(-80deg);}
}
@keyframes xz9{
    0%{-webkit-transform:rotate(320deg);}
    100%{-webkit-transform:rotate(-40deg);}
}

.index-td{ background:url(../images/index-td-bg.jpg) no-repeat center; height:492px;}
.index-td .box{ width:580px; height:440px; float:right; margin-right:35px; padding:25px 0;}
.index-td .box li{ overflow:hidden; padding-left:35px; margin-bottom:52px;}
.index-td .box li:last-child{ margin-bottom:0;}
.index-td .box li .img{ float:left; margin-right:40px;}
.index-td .box li .text{ float:left;}
.index-td .box li .text .title{ font-size:24px; font-weight:bold; color:#000; margin:2px 0 10px;}
.index-td .box li .text .p{ font-size:14px; color:#333;}

.index-product{ padding:70px 0 65px;}
.ipro-box{ margin-top:50px; overflow: hidden;  height: 632px;}
.ipro-box .hd{ width:230px; border:1px solid #234fa4; border-radius:10px; overflow:hidden; float:left;}
.ipro-box .hd .top{ text-align:center; color:#fff; background:#234fa4; height:124px;}
.ipro-box .hd .top .cn{ font-size:36px; padding-top:26px;}
.ipro-box .hd .top .en{ font-size:12px; text-transform: uppercase; margin-top:10px;}
.ipro-box .hd ul{ padding:5px 33px 5px 17px;}
.ipro-box .hd li{ border-bottom:1px solid #ccc; transition: all 0.3s ease-out;}
.ipro-box .hd li:last-child{ border-bottom:none;}
.ipro-box .hd li a{ font-size:18px; color:#333; display:inline-block; padding-left:35px; background:url(../images/index-pro-icon1.png) no-repeat center left; line-height:70px;}
.ipro-box .hd li:hover, .ipro-box .hd li.on{ padding-left:15px;}
.ipro-box .hd li:hover a, .ipro-box .hd li.on a{ background:url(../images/index-pro-icon2.png) no-repeat center left; color:#234fa4;}

.ipro-box .bd{ width:1010px; float:right;}
.ipro-box .bd li{ float:left; margin-right: 40px; margin-top:10px; margin-bottom: 20px; transition: all 0.3s ease-out;}
.ipro-box .bd li .img{ width:308px; height:248px; border:1px solid #d2d2d2;}
.ipro-box .bd li .title{ width:310px; height:45px; line-height:45px; text-align:center; font-size:14px; color:#333; background:#eee;}
.ipro-box .bd li:nth-child(3n){ margin-right:0;}
.ipro-box .bd li:nth-child(3n-2){ clear:left;}
.ipro-box .bd li:nth-child(n+4){ margin-bottom:0;}
.ipro-box .bd li:hover{ margin-top:0px; margin-bottom:30px;     box-shadow: 0px 3px 8px rgba(0,0,0,.35);}
.ipro-box .bd li:hover .img{ border:1px solid #00a2ea;}
.ipro-box .bd li:hover .title{ background:#00a2ea; color:#fff;}

.inews{ padding:35px 0 45px; background:url(../images/inews-bg.jpg) no-repeat center; height:550px;}
.inews-list{ margin-top:25px; width:840px; float:left;}
.inews-list .top{ line-height:30px; background:url(../images/inews-icon1.png) no-repeat center left; font-size:18px; color:#333; border-bottom:1px solid #c8c8c8; padding:10px 0 10px 40px;}
.inews-list .top a{ float:right; font-size:14px;}
.inews-list .top a:hover{ color:#234fa4; text-decoration:underline;}
.inews-list .hot{ margin-top:25px; overflow:hidden; padding-bottom:25px; border-bottom:1px solid #c8c8c8;}
.inews-list .hot .img{ width:320px; height:160px; overflow:hidden; float:left;}
.inews-list .hot .img img{ transition: all 0.3s ease-out;}
.inews-list .hot:hover .img img{  transform: scale(1.1,1.1);}
.inews-list .hot .text{ width:490px; height:160px; float:right;}
.inews-list .hot .text .title{ font-size:16px; color:#333; margin-bottom:16px;}
.inews-list .hot .text .title:hover{ color:#234fa4;}
.inews-list .hot .text .p{ font-size:14px; color:#9a9a9a; line-height:24px;     text-overflow: ellipsis;  display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}
.inews-list .hot .text .date{ font-size:14px; color:#797979; line-height:30px; margin-top:16px;}
.inews-list .hot .text .date span{ display:inline-block; width:100px; height:30px; text-align:center; line-height:30px; background:#234fa4; color:#fff; font-size:14px; border-radius:30px; float:right;}
.inews-list .hot .text .date span:hover{ background:#00a2ea;}

.inews-list .list li{ width:400px; float:left; line-height:55px; position:relative; border-bottom:1px solid #c8c8c8; margin-right:40px;}
.inews-list .list li:nth-child(2n){ margin-right:0;}
.inews-list .list li i{ position:absolute; display:inline-block; width:4px; height:4px; border-radius:4px; background:#333; top:50%; left:0; margin-top:-2px;}
.inews-list .list li a{ font-size:14px; color:#333; padding-left:15px; display:inline-block; width:385px;}
.inews-list .list li span{ color:#737373; float:right;}
.inews-list .list li:hover a{ color:#234fa4;}
.inews-list .list li:hover i{ background:#234fa4;}

.inews-qa{ margin-top:25px; width:410px; float:right;}
.inews-qa .top{ line-height:30px; background:url(../images/inews-icon2.png) no-repeat center left; font-size:18px; color:#333; border-bottom:1px solid #c8c8c8; padding:10px 0 10px 55px;}
.inews-qa .top a{ float:right; font-size:14px;}
.inews-qa .top a:hover{ color:#234fa4; text-decoration:underline;}
.inews-qa .list{ padding-top:16px;}
.inews-qa .list li{ padding:0 12px; border:1px solid #c8c8c8; margin-bottom: 12px;}
.inews-qa .list li a{ display:inline-block;}
.inews-qa .list li .title{ line-height:24px; background:url(../images/inews-icon3.png) no-repeat center left; font-size:14px; color:#333; padding:6px 0 6px 36px; text-overflow: ellipsis;  display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; height:24px;}
.inews-qa .list li .text{ line-height:24px; background:url(../images/inews-icon4.png) no-repeat center left; font-size:14px; color:#737373; padding:6px 0 6px 36px; text-overflow: ellipsis;  display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; height:24px;}
.inews-qa .list li:last-child{ margin-bottom:0;}
.inews-qa .list li:hover{ background:#d4d4d4;}
.inews-qa .list li:hover .title{ color:#234fa4;}

.iabout{ padding:70px 0 75px;}
.iabout .box{ margin-top:50px; overflow:hidden;}
.iabout .box .img{ width:622px; height:343px; overflow:hidden; float:left;}
.iabout .box .text{ width:650px; height:343px; float:right; position:relative;}
.iabout .box .text .title{ font-size:18px; color:#333; font-weight:bold; position:relative; padding-bottom:15px;}
.iabout .box .text .title i{ position:absolute; width:233px; height:2px; background:#234fa4; left:0; bottom:0;}
.iabout .box .text .p{ color:#737373; font-size:14px; line-height:30px; text-indent:2em; margin:15px 0 10px;}
.iabout .box .text .btn a{ font-size:16px; color:#333;}
.iabout .box .text .btn a:hover{ color:#234fa4;}

.iabout-other{ height:90px; position:absolute; right:0; bottom:0;}
.iabout-other span{ line-height: 90px; height:90px; font-style: italic; display: inline-block; padding: 0 42px; font-size: 45px; color:white; font-weight: bold;  }
.iabout-other span:nth-child(3) { margin-right:20px }
.iabout-other span:nth-child(4),
.iabout-other span:nth-child(5),
.iabout-other span:nth-child(6) { color: #234fa4; }
.iabout-other-list{ width:1300px; text-align: center; margin:0 auto; background: rgba(200,200,200,.5);    overflow: hidden;}
.animate-box{float:left;    width: 262px; text-align:center; padding: 6px 0;}
.fh5co-counter{ font-size:52px; color:#234fa4;font-family:"Arial Black"; font-weight:bold; line-height:54px;display: inline-block; font-style:italic;}
.animate-box i{ color:#737373; font-size:24px;font-family:"Arial Black"; font-style:normal; margin-left:5px;}
.animate-box p{color: #737373;font-size: 16px; line-height: 24px;text-align: left;}
.iabout-other-list .one span, .iabout-other-list .one i, .iabout-other-list .one p{ color:#fff;}
.iabout-other-list .one p{ text-indent: 86px;}
.iabout-other-list .two p{ text-indent: 28px;}
.iabout-other-list .three p{ text-indent: 60px;}
.iabout-other-list .four p{ text-indent: 60px;}

.iys{ background:#eee; padding:25px 0 55px; overflow:hidden;}
.iys .top{ font-size:36px; color:#234fa4; background:url(../images/index-title-bg3.png) no-repeat center; font-weight:bold; text-align:center;}
.iys .box{ margin-top:40px;}
.iys .box li{ float:left; width:310px; height:320px; border-radius:0 50px 0 0; background:#fff; margin-right:20px;}
.iys .box li:hover{ background:#234fa4;}
.iys .box li:last-child{ margin-right:0;}
.iys .box li .icon{ height:100px; width:100%; margin-top:35px;}
.iys .box li .icon1{ background:url(../images/iys-icon1.png) no-repeat center;}
.iys .box li .icon2{ background:url(../images/iys-icon2.png) no-repeat center;}
.iys .box li .icon3{ background:url(../images/iys-icon3.png) no-repeat center;}
.iys .box li .icon4{ background:url(../images/iys-icon4.png) no-repeat center;}
.iys .box li:hover .icon1{ background:url(../images/iys-icon1-1.png) no-repeat center;}
.iys .box li:hover .icon2{ background:url(../images/iys-icon2-1.png) no-repeat center;}
.iys .box li:hover .icon3{ background:url(../images/iys-icon3-1.png) no-repeat center;}
.iys .box li:hover .icon4{ background:url(../images/iys-icon4-1.png) no-repeat center;}
.iys .box li .title{ font-size:18px; color:#333; text-align:center; font-weight:bold; margin-top:30px;}
.iys .box li .text{ font-size:14px; color:#333; line-height:24px; padding:0 25px; margin-top:25px; text-align:justify;}
.iys .box li:hover .title, .iys .box li:hover .text{ color:#fff;}

.footer{ background:#333; padding-top:50px; overflow:hidden;}
.foot-nav{ float:left; overflow:hidden; width:430px;}
.foot-nav li{ width:130px; float:left; margin-left: 12px; margin-bottom: 18px;}
.foot-nav li a{ font-size:16px; color:#fff;}
.foot-nav li:hover a{ color:#234fa4;}
.foot-contact{ float:left; width:400px; margin-left:80px;}
.foot-contact li p{ font-size:14px; color:#fff; line-height:24px;}
.foot-contact li.tel{ background:url(../images/foot-tel.png) no-repeat center left; padding-left:60px; margin-bottom:40px;}
.foot-contact li.dz{ background:url(../images/foot-dz.png) no-repeat center left; padding-left:60px;}
.foot-wx{ float:right;}
.foot-wx .title{ text-align:center; font-size:14px; color:#fff; margin-top:10px;}
.foot-copy{ border-top:1px solid #c8c8c8; line-height:60px; text-align:center; margin-top:35px;}
.foot-copy a, .foot-copy span{ display:inline-block; color:#fff; font-size:14px;}
.foot-copy span{ margin:0 20px;}

.pager-banner{ height:350px; margin-top:-20px; position:relative; z-index:0;}
.pager-banner .container{ display: table; }
.pager-banner-text{ display: table-cell; vertical-align: middle; padding-left:60px;}
.pager-banner-text .title{ font-size:36px; color:#234fa4; font-weight:bold; position:relative; padding-bottom:12px;}
.pager-banner-text .text{ color:#000; font-size:20px; line-height:26px;}

.ty-left{ width:230px; margin-top:-30px; margin-bottom:30px; position:relative; z-index:1; float:left;}
.ty-left .ty-nav{ width:230px; border:1px solid #234fa4; border-radius:10px; overflow:hidden; float:left;}
.ty-left .ty-nav .top{ text-align:center; color:#fff; background:#234fa4; height:124px;}
.ty-left .ty-nav .top .cn{ font-size:36px; padding-top:26px;}
.ty-left .ty-nav .top .en{ font-size:12px; text-transform: uppercase; margin-top:10px;}
.ty-left .ty-nav ul{ padding:5px 33px 5px 17px;}
.ty-left .ty-nav li{ border-bottom:1px solid #ccc; transition: all 0.3s ease-out;}
.ty-left .ty-nav li:last-child{ border-bottom:none;}
.ty-left .ty-nav li a{ font-size:18px; color:#333; display:inline-block; padding-left:35px; background:url(../images/index-pro-icon1.png) no-repeat center left; line-height:70px;}
.ty-left .ty-nav li:hover, .ty-left .ty-nav li.on{ padding-left:15px;}
.ty-left .ty-nav li:hover a, .ty-left .ty-nav li.on a{ background:url(../images/index-pro-icon2.png) no-repeat center left; color:#234fa4;}

.ty-left .ty-contact{ width:230px; border:1px solid #234fa4; border-radius:10px; overflow:hidden; float:left; margin-top:46px;}
.ty-left .ty-contact .top{ text-align:center; color:#fff; background:#234fa4; height:80px;}
.ty-left .ty-contact .top .cn{ font-size:24px; padding-top:14px;}
.ty-left .ty-contact .top .en{ font-size:12px; text-transform: uppercase; margin-top:5px;}
.ty-left .ty-contact .text{}
.ty-left .ty-contact .text dl{ padding:20px 24px 15px;}
.ty-left .ty-contact .text dt{ font-size:14px; color:#234fa4; font-weight:bold; margin-bottom:8px;}
.ty-left .ty-contact .text dd{ font-size:14px; color:#333; line-height:24px; overflow:hidden;}
.ty-left .ty-contact .text dd span{ display:inline-block; width:42px; float:left;}
.ty-left .ty-contact .text dd p{ display:inline-block; width:136px; float:right;}

.ty-right{ float:right; width:1020px; margin-top:30px;}
.ty-right .ty-top{ height:50px; line-height:50px; background:#eee;}
.ty-right .ty-top .title{ float:left; width:150px; height:50px; background:#234fa4; color:#fff; font-weight:bold; text-align:center; font-size:18px;}
.ty-right .ty-top .mbx{ float:right; font-size:14px; color:#333; margin-right:20px;}
.ty-right .ty-top .mbx span{ display:inline-block; background:url(../images/mbx-icon.png) no-repeat center left; padding-left:28px;}
.ty-right .ty-top .mbx a{ display:inline-block; margin:0 5px;}
.ty-right .ty-top .mbx a:hover{ color:#234fa4; text-decoration:underline;}

.ty-right .ty-page{ padding:20px 0 40px;}

.about .text{ font-size:14px; color:#333; line-height:24px;}
.about .text p+p{ margin-top:22px;}
.about .img{ margin-top:20px;}

.product-list{ overflow:hidden;}
.product-list li{ float:left; margin-right: 45px; margin-top:10px; margin-bottom: 30px; transition: all 0.3s ease-out;}
.product-list li .img{ width:308px; height:248px; border:1px solid #d2d2d2;}
.product-list li .title{ width:310px; height:45px; line-height:45px; text-align:center; font-size:14px; color:#333; background:#eee;}
.product-list li:nth-child(3n){ margin-right:0;}
.product-list li:nth-child(3n-2){ clear:left;}
.product-list li:hover{ margin-top:0px; margin-bottom:40px;     box-shadow: 0px 3px 8px rgba(0,0,0,.35);}
.product-list li:hover .img{ border:1px solid #234fa4;}
.product-list li:hover .title{ background:#234fa4; color:#fff;}

.product-con{}
.product-con .img{  width: 500px; height:400px; border:1px solid #e5e5e5; margin: 0 auto; overflow:hidden; position: relative;}
.product-con .img .bd{ border:1px solid #dcdcdc; width:498px; height:398px;}
.product-con .img .hd a{ display:inline-block; width:25px; height:48px; position:absolute;     top:50%; transform:translateY(-50%);}
.product-con .img .hd a.prev{ background:url(../images/product-con-prev.png) no-repeat center; left:10px;}
.product-con .img .hd a.next{ background:url(../images/product-con-next.png) no-repeat center; right:10px;}
.product-con .img .hd .pageState{ position: absolute; bottom: 10px;    right: 10px;    letter-spacing: 3px;    font-size: 14px;}
.product-con .text{ float:left; width:350px; margin-left:40px;}
.product-con .text .title{ font-size:24px; color:#c70000; font-weight:bold; margin-top:40px; padding-bottom:20px;}
.product-con .text .fl, .product-con .text .yy, .product-con .text .jj{ font-size:14px; color:#333; padding:15px 0; border-top:1px solid #e5e5e5; width: 100%; overflow: hidden; line-height:24px;}
.product-con .text .btn{ margin-top:10px;}
.product-con .text .btn a{ display:inline-block; width:140px; height:40px; text-align:center; line-height:40px; background:#c70000; color:#fff;}
.product-con .text .btn a:hover{ background:#234fa4;}

.product-xq{ margin-top: 35px;}
.product-xq .top{ background:url(../images/proudct-con-title.png) no-repeat center; height:42px;}
.product-xq .top span{ width:150px; height:40px; line-height:40px; text-indent:20px; font-size:18px; color:#fff;  display:inline-block; font-weight:bold;}
.product-xq .xq-text{ font-size:16px; color:#333; line-height:26px; padding:20px 0; position:relative; }
.product-xq:nth-child(1) .xq-text{ min-height:250px;}
.product-xq .xq-text span{ font-weight:bold; color:#234fa4;}
.product-xq + .product-xq{ margin-top:15px;}
.product-xq p+p{ margin-top:10px;}

.product-xg{ margin-top:35px; overflow:hidden;}
.product-xg .top{ border-bottom:2px solid #d2d2d2;}
.product-xg .top span{ width:150px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#333; background:#d2d2d2; display:inline-block; font-weight:bold;}
.product-xg .xg-box{ padding-top:36px;}
.product-xg .xg-box li{ float:left; margin-right: 26px; margin-bottom: 30px; transition: all 0.3s ease-out; width:235px;}
.product-xg .xg-box li .imgs{ width:233px;  border:1px solid #d2d2d2;}
.product-xg .xg-box li .title{ width:235px; height:45px; line-height:45px; text-align:center; font-size:14px; color:#333; background:#eee;}
.product-xg .xg-box li:nth-child(4n){ margin-right:0;}
.product-xg .xg-box li:hover{  box-shadow: 0px 3px 8px rgba(0,0,0,.35);}
.product-xg .xg-box li:hover .imgs{ border:1px solid #234fa4;}
.product-xg .xg-box li:hover .title{ background:#234fa4; color:#fff;}

.pager-list{ padding-top:20px; padding-bottom:20px; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333; height:30px; line-height:30px; padding:0 12px; border:1px solid #bfbfbf;  background:#fff; }
.pager-list li a:hover{ background:#234fa4; color:#fff; border:1px solid #234fa4;}
.pager-list li.active>*{ color:#fff; background:#234fa4; border:1px solid #234fa4;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}

.news-list{ padding-bottom:20px;}
.news-list li{ overflow:hidden; padding-bottom:30px; border-bottom:1px solid #d2d2d2;}
.news-list li+li{ padding-top:30px;}
.news-list li .img{ width:320px; height:200px; float:left; overflow: hidden;}
.news-list li .img img{ transition: all 0.3s ease-out;}
.news-list li:hover .img img{  transform: scale(1.1,1.1);}
.news-list li .text{ float:right; width:670px; height:200px;}
.news-list li .text .title{ font-size:18px; color:#333; font-weight:bold; margin-bottom:16px; margin-top:6px;}
.news-list li:hover .text .title{ color:#234fa4 ;}
.news-list li .text .title i{ display:inline-block; width:0px; height:3px; border-radius:3px; background:#234fa4; margin-right:15px; float: left; margin-top: 0px;  transition: all 0.3s ease-out;}
.news-list li .text .title i{width:80px; margin-top: 12px;}
.news-list li .text .date{ font-size:14px; color:#717171; margin-bottom:16px;}
.news-list li .text .p{ font-size:14px; line-height:24px; color:#333; text-overflow: ellipsis;  display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden; height:72px;}
.news-list li .text .more{ color:#234fa4; font-size:14px; margin-top:18px;}
.news-list li .text .more:hover{ text-decoration:underline;}

.qa-list{}
.qa-list .title{ width:100%; height:50px; line-height:50px; background:#eee; font-size:14px; color:#333; margin-bottom:24px;}
.qa-list .title span{ display:inline-block; width:50px; height:50px; text-align:center; border-radius:4px; font-size:24px; color:#fff; font-weight:bold; background:#234fa4; margin-right:18px;}
.qa-list .title i{ font-style:normal; font-size: 48px; display:inline-block; float:right; width:50px; height:50px; text-align:center; margin-right:10px; transition: all 0.3s ease-out; cursor:pointer;}
.qa-list .text{ padding-bottom:24px; overflow:hidden;}
.qa-list .text span{ display:inline-block; width:50px; height:50px; text-align:center; border-radius:4px; font-size:24px; color:#fff; font-weight:bold; background:#333; line-height:50px; float:left;}
.qa-list .text p{ width:956px; float:right; font-size:14px; color:#333; line-height:24px; text-overflow: ellipsis;  display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; height:48px; margin-top:15px;}
.qa-list .text p:hover{ color:#234fa4;}
.qa-list .title.on{ background:#234fa4; color:#fff;}
.qa-list .title.on i{ transform:rotate(45deg); -ms-transform:rotate(45deg); 	/* IE 9 */ -moz-transform:rotate(45deg); 	/* Firefox */ -webkit-transform:rotate(45deg); /* Safari 鍜� Chrome */ -o-transform:rotate(45deg); }

.news-con{ padding:20px 0;}
.news-con .title{ font-size:18px; color:#234fa4; font-weight:bold; text-align:center;}
.news-con .bq{ text-align:center; border-bottom:1px solid #d2d2d2; padding:10px 0;}
.news-con .bq span{ font-size:14px; color:#717171; margin:0 5px;}
.news-con .text{ padding:20px 0; font-size:14px; color:#333; line-height:24px;}
.news-con .text p+p{ margin-top:22px;}

.pager{ background:#eee; padding:4px 26px;}
.pager div{ line-height:40px; font-size:14px; color:#333;}
.pager .prev{ border-bottom:1px dashed #bfbfbf;}
.pager div a:hover{ color:#234fa4; text-decoration:underline;}

.contact{ overflow:hidden;}
.contact dt{ font-size:18px; color:#234fa4; font-weight:bold; margin-bottom:10px;}
.contact dd{ font-size:14px; color:#333; line-height:30px;}

.map{ margin:20px 0 40px; height:400px;}

.message{ padding:20px 0;}
.message li{ margin-bottom:20px; display:block; overflow:hidden;}
.message li span{ display:inline-block; font-size:14px; color:#333; width:110px; text-align:right; line-height:40px; font-weight:bold; float:left; margin-right:20px;}
.message li input[type="text"]{ height:38px; width:368px; border-radius:4px; border:1px solid #d2d2d2; padding:0 20px; float:left;}
.message li textarea{ float:left; padding:10px 20px; width:368px; height:120px; border-radius:4px; border:1px solid #d2d2d2;}
.message li.yzm input[type="text"]{ width:178px;}
.message li.yzm img{ margin-left:10px;}
.message li.yzm a{ font-size:14px; color:#333; display:inline-block; margin-left:10px;}
.message li.yzm a:hover{ color:#234fa4; text-decoration:underline;}
.message li input[type="submit"]{ width:150px; height:40px; border:none; color:#fff; font-size:16px; background:#234fa4; margin-left:130px; border-radius:4px; cursor:pointer;}
.message li input[type="submit"]:hover{ background:#00a2ea;}
.message li input[type="reset"]{ width:150px; height:40px; border:none; color:#fff; font-size:16px; background:#bfbfbf; margin-left:30px; border-radius:4px; cursor:pointer;}
.message li input[type="reset"]:hover{ background:#00a2ea;}